<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <link rel="stylesheet" type="text/css" href="/static/lib/webuploader/0.1.5/webuploader.css">
    <link rel="stylesheet" type="text/css" href="/static/css/admin/pic1.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--调用相机css-->
    <style>
        .a-camera {
            position: relative;
            display: inline-block;
            background: #D0EEFF;
            border: 1px solid #99D3F5;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
        }
        .a-camera input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
        }
        .a-camera:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }
    </style>
    <title></title>
</head>
<body>
<div>
    <content class="page-container">
        <div>
            <span>**** 尊敬的经销商：您好！感谢您的支持。您可通过本页面上传图片等信息，谢谢。</span>
        </div>
        <div id="container" style="width: 60%;margin: 0 auto;padding: 50% 0;">
            <div class="uploader-list-container">
                <div class="queueList">
                    <div id="dndArea" class="placeholder">
                        <div id="filePicker-2"></div>
                        <p>提交照片，单次最多可选5张</p>
                    </div>
                </div>
                <div class="statusBar" style="display:none;">
                    <div class="progress"><span class="text">0%</span> <span class="percentage"></span></div>
                    <div class="info"></div>
                    <div class="btns">
                        <div id="filePicker2"></div>
                        <div class="uploadBtn">开始上传</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="info">
            <span>备注:</span><input id="note" type="text"/>
            <input id="id" th:value="${id}" type="hidden">
        </div>
    </content>
</div>


<!--请在下方写此页面业务相关的脚本-->
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="/static/lib/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="/static/js/admin/uploadpic.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>